<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="lib/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="lib/profile.js"></script>
	<script type="text/javascript" src="lib/map.js"></script>
	<script type="text/javascript" src="lib/ai.js"></script>
	<script type="text/javascript" src="lib/botslist.js"></script>
	<script type="text/javascript" src="lib/background.js"></script>
	<script type="text/javascript" src="lib/profile.js"></script>
	<script type="text/javascript" src="lib/menu.js"></script>
	<script type="text/javascript" src="lib/payment.js"></script>
	<link rel="stylesheet" type="text/css" href="css/layout.css" />
	<link rel="stylesheet" type="text/css" href="css/park_style.css" />
	<link rel="stylesheet" type="text/css" href="css/payment_style.css"/>
	<link rel="stylesheet" type="text/css" href="css/leveltest.css" />
  	<title>alanbots</title>	
</head>
<body style="background: #fff url(./images/bg.jpg) repeat top left;" >
	<div id="menu-top" align="center">
		<table style="background: #000000" width="1240px" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td align="left"><img src="./images/logo.png" height="30"/></td>
			<td align="right">
				<table>
					<tr>
						<td width="150">
							<a id="menu_user" href="#"><img src="./images/u.png" height="30"/></a>
						</td>
						<td width="150">
							<a id="menu_items" href="#"><img src="./images/items.png" height="25"/></a>
						</td>
						<td width="180">
							<a id="menu_activities" href="#"><img src="./images/activities.png" height="30"/><span id="actNew"><img src="./images/new.png" height="18"/></span><input type="hidden" id="isNew" value="1"></input></a>
						</td>
						<td width="100">
							<a id="menu_logout" href="#"><img src="./images/logout.png" height="30"/></a>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		</table>
	</div>
	<div id="map-mainAlanStreet"  align="center">
		<table style="background: #fff url(./images/bg-2.png) repeat top left;" width="1240px" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td>
				<table border="0" cellspacing="0" cellpadding="0" style="text-align:center">
				  <tr>
					<td width="280px" height="265" id="alanMain-No1">
						<a href="#" title="for sale" ><img src="./images/for_sale.png" height="160" /></a>
					</td>
					<td width="280px" id="alanMain-No2">
						<a href="#" id="click_apartment" title="click to enter" ><img src="./images/apartment.png" height="160" /></a>
					</td>
					<td width="120px" style="background-image:url(./images/tile-st-we.png); background-repeat:repeat-y; background-position:center;">
						<a href="#" title="to Alan North" ><img id="clickUp" src="./images/up1.gif" height="80" width="60" align="center" style="margin-bottom:160px"/></a>
					</td>
					<td width="280px" id="alanMain-No3">
						<a href="#" id="click_school" title="click to enter" ><img src="./images/school.png" height="160" />
						</a>					
					</td>
					<td width="280px" id="alanMain-No4"><a href="#" title="for sale" ><img src="./images/for_sale.png" height="160" /></a></td>
				  </tr>
				  <tr>
					<td height="120px" style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;"></td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;">&nbsp;</td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;"></td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;">&nbsp;</td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;">
					<a href="#" title="to Alan East" ><img id="clickRight" src="./images/right1.gif" height="60" width="80" align="center" style="margin-left:180px"/></a>
					</td>
				  </tr>
				  <tr>
					<td height="265px" id="alanMain-No5">&nbsp;</td>
					<td id="alanMain-No6"><a href="#" title="for sale" ><img src="./images/for_sale.png" height="160" /></a></td>
					<td style="background-image:url(./images/tile-st-we.png); background-repeat:repeat-y; background-position:center;">&nbsp;</td>
					<td id="alanMain-No7"><a href="#" title="for sale" ><img src="./images/for_sale.png" height="160" /></a></td>
					<td id="alanMain-No8">&nbsp;</td>
				  </tr>
				</table>
			</tr></td>
		</table>
	</div>
	
	<div id="map-northAlanStreet" align="center">
		<table style="background: #fff url(./images/bg-2.png) repeat top left;" width="1240px" border="0" cellspacing="0" cellpadding="0">
			<tr>
			</tr>
			<tr><td>
				<table border="0" cellspacing="0" cellpadding="0" style="text-align:center">
				  <tr>
					<td width="280px" height="300" id="alanMain-No1">
						<img src="./images/tree.png" height="160" />
					</td>
					<td width="280px" height="240" id="alanMain-No1">
						<a href="#" id="click_park" title="for sale" ><img src="./images/park.png" height="160" /></a>
					</td>
					<td width="120px" style="background-image:url(./images/tile-st-we.png); background-repeat:repeat-y; background-position:center;">
						
					</td>
					<td width="280px" id="alanMain-No3">
						
					</td>
					<td width="280px" id="alanMain-No3">
						<img src="./images/tree.png" height="160" />
					</td>
				  </tr>
				  
				  
				  <tr>
					<td width="250px" height="300" id="alanMain-No1">
						<img src="./images/tree.png" height="160" />
					</td>
					<td height="240px" id="alanMain-No5">&nbsp;</td>
					<td style="background-image:url(./images/tile-st-we.png); background-repeat:repeat-y; background-position:center;">
						<a href="#" title="to Alan Center" ><img id="clickDown" src="./images/down1.gif" height="80" width="60" align="center" style="margin-top:100px"/></a>
					</td>
					<td id="alanMain-No8"><img src="./images/for_sale.png" height="160" /></td>
					<td width="250px" height="240" id="alanMain-No1">
						<img src="./images/tree.png" height="160" />
					</td>
				  </tr>
				</table>
			</tr></td>
		</table>
	</div>
	
	<div id="map-eastAlanStreet" align="center">
		<table style="background: #fff url(./images/bg-2.png) repeat top left;" width="1240px" border="0" cellspacing="0" cellpadding="0">
			<tr>
			</tr>
			<tr><td>
				<table border="0" cellspacing="0" cellpadding="0" style="text-align:center">
				  <tr>
					<td width="280px" height="240" id="alanMain-No1">
						<a href="#" title="for sale" ><img src="./images/for_sale.png" height="160" /></a>
					</td>
					<td width="280px" id="alanMain-No2">
						<a href="#" id="click_bookshop" title="click to enter" ><img src="./images/bookstore.png" height="160" /></a>
					</td>
					<td width="120px">
					</td>
					<td width="280px" id="alanMain-No3">
					</td>
					<td width="280px" id="alanMain-No4"><a href="#" title="for sale" ><img src="./images/for_sale.png" height="160" /></a></td>
				  </tr>
				  <tr>
					<td height="120px" style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;">
					<a href="#" title="to Alan Main" ><img id="clickLeft" src="./images/left1.gif" height="60" width="80" style="margin-right:120px"/></a>
					</td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;"></td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;"></td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;">&nbsp;</td>
					<td style="background-image:url(./images/tile-av-we.png); background-repeat:repeat-x; background-position:center;">
					</td>
				  </tr>
				  <tr>
					<td height="240px" id="alanMain-No5"></td>
					<td id="alanMain-No6"></td>
					<td>			
					<a href="#" id="click_bank" title="click to enter" ><img src="./images/bank.png" height="160" /></a></td>
					<td id="alanMain-No7"></td>
					<td id="alanMain-No8">&nbsp;</td>
				  </tr>
				</table>
			</tr></td>
		</table>
	</div>
	<div id="map_apartment">
		<table width="1112" height="535">		
	    <tr>
	        <td width="200" height="163">
	        <a href="#" title="to Alan Main" ><img id="apartment_clickLeft" src="./images/left1.gif" height="60" width="80" style="margin-right:120px"/></a>
	        </td>
	        <td width="326"><p><img src="images/clock.png" alt="" width="166" height="145"></p>
	        <p>&nbsp;</p>
	        <p>&nbsp;</p>
	        <p>&nbsp;</p>
	        <p>&nbsp;</p></td>
	        <td width="137"></td>
	        <td width="429"><div class = "chart_part">
	         <span class="bot"></span>
	         <span class="top"></span>
	          <textarea name="chatview" cols="32" rows="10" readonly="readonly" id="chatview" class="chatview"></textarea>
	         </div>
	        </td>
	    </tr>
	    <tr>
	        <td height="273"><p>&nbsp;</p>
	        <p>&nbsp;</p>
	        <p><img src="images/table.png" width="200" height="212"></p></td>
	        <td><p>&nbsp;</p>
	        <p>&nbsp;</p>
	        <p><img src="images/bed.png" width="326" height="206" align="absbottom"></p></td>
	        <td class="apt_bots_icon"><p>&nbsp;</p>
	        <p><img src="images/alanbots.png" width="137" height="250"></p></td>
	        <td class="apt_text_view"> <p>&nbsp;</p>
	          <p>What you want to ask???</p>
	          <p>  
	            <textarea name="textview" id="textview" cols="35" rows="3"></textarea>
	        </p></td>
	    </tr>
		</table>
		<div id="lamp"><img src="images/lamp.png" width="145" height="625"></div>
	</div>
	<div id = "map_park">
		<div class="park_header"> Welcome to CITI Park </div>
		<div id="park" class="park">
		  <table width="1050" height="377">
		    <tr>
		      <td width="196" rowspan="2">
		        <p>&nbsp;</p>
		        <p>&nbsp;</p>
		        <p>&nbsp;</p>
		        <p>&nbsp;</p>
		        <p><img src="images/chat_left.png" alt="" width="158" height="196"></p></td>
		         <td width="371" height="197"><p>
		           <textarea name="parkchatview" cols="35" rows="10" readonly="readonly" id="parkchatview" class="park_chatview"></textarea>
		      </p></td>
		      <td width="220" rowspan="2"><p>&nbsp;</p>
		        <p>&nbsp;</p>
		        <p>&nbsp;</p>
		        <p>&nbsp;</p>
		        <p><img src="images/chat_right.png" alt="" width="158" height="196"></p></td>
		      <td width="243" rowspan="2"><div id="parkbotslist"></div></td>
		    </tr>
		    
		    <tr>		    
		      <td>
		      <div id="parkchatnone">You can choose robots from the list to chat with them</div>
		      <div id="parkchat">
		        <p>
		          <textarea name="parkchatview2" id="parkchatview2" class="park_chatview2" readonly="readonly" cols="28" rows="5"></textarea>
		        </p>
		        <p>
		          <textarea name="parktextview" id="parktextview" class= "park_textview"cols="28" rows="3"></textarea>
		          <input type="hidden" id="currentBotsID" value=0>
		      	</p>
		      </div>
		      </td>		    
		    </tr> 
		    		    
		  </table>
		</div>
		<div id="parksun" class="parksun"><img src="images/sun.png" width="123" height="162"></div>
		<div id="parkcloud1" class="parkcloud1"><img src="images/clouds.png" width="154" height="86"></div>
		<!--div id="parkcloud2" class="parkcloud2"><img src="images/clouds2.png" width="212" height="103"></div>-->
		<div id="parkreturn" class=parkreturn><img id="park_clickRight" src="./images/right1.gif" height="60" width="80" style="margin-right:120px"/></div>
		<div id="tree" class="tree"><img src="images/tree3.png" width="190" height="443"></div>
		<div id="fireballoon" class="fireballoon"><img src="images/balloon.png" width="81" height="119"></div>
	</div>
	
	<div id="map_school">
		<table width="1009" height="527">
			<tr>
			  <td width="299" height="207" class="welcome"><p>Welcome to </p>
				<p>Level Up Test</p></td>
				<td width="356"><textarea id="quizAsk" name="test-ask" cols="60" rows="10" readonly="readonly" id="test-ask" class="test-ask"></textarea></td>
				<td width="338" class="hhh"><img src="images/phd.png" width="114" height="221"></td>
				<td rowspan='3'>&nbsp;</td>
			</tr>
			<tr>
				<td height="209" class="robot"><img src="images/img2.png" width="81" height="188" align="middle"></td>
				<td><textarea id="quizAnswer" name="test-answer" cols="60" rows="10" readonly="readonly" id="test-answe" class="test-ask"></textarea>&nbsp;</td>
				<td class="clamdown"><p>You Are the Best! </p>
				<p>Calm Down!</p></td>
			</tr>
			<tr>
				<td height="101" colspan="3" class="star">
					<img id="quizStar0" src="images/star1.png" width="128" height="128">
					<img id="quizStar1" src="images/star1.png" alt="" width="128" height="128">
					<img id="quizStar2" src="images/star1.png" alt="" width="128" height="128">
					<img id="quizStar3" src="images/star1.png" alt="" width="128" height="128">
					<img id="quizStar4" src="images/star1.png" alt="" width="128" height="128">
				</td>
			</tr>
		</table>
	</div>
	
	<div id="map_payment">
		<table width="952" height="664">
			<tr>
				<td height="288" colspan="2"><img src="images/payment-bank.png" width="1008" height="203"></td>
			</tr>
			<tr>
				<td width="516" height="120"><img src="images/payment-topup.png" width="500" height="100"></td>
				<td width="488"><form name="form1" method="post" action="">
				  <label for="payment-topup"></label>
				  <input type="text" name="payment-topup" id="payment-topup"/>
				  <span class="text" id="payment-topup1" disabled="disabled">        <span id="payment-lll">Intellegent <img src="images/ip.png" width="48" height="48">Points </span></span>
				</form></td>
			</tr>
			<tr>
				<td height="126"><p><img src="images/payment-total.png" width="500" height="100"></p>
				<p class="formula">1 euro= 10 Intellegent Points</p></td>
				<td><form id="form2" name="form2" method="post" action="">
				  <label for="payment-topup1"></label>
				  <input type="text" name="payment-topup1" id="payment-topup2"disabled="disabled" />
				  <span class="EURO">EURO</span>
				</form></td>
			</tr>
			<tr>
				<td height="100" colspan="2" class="payment-payithere"><img src="images/payment-paypal.png" width="101" height="64"></td>
			</tr>
		</table>
	</div>
	<div id="map_account">
		<br>
        <div style="text-align:left;">
            <img id="account_clickLeft" src="./images/left1.gif" height="60" width="80" />
        </div>

        <br>
        <div class="title" style="text-align:center;">
            <font size="120"><b>View Your Account Details</b></font>

        </div><br>

        <div>
        <table align="center">
		<tr><td>
		        <div style="text-align:center;" class="font14 fontblue b ">
		         <img src="images/user.gif" width="24" height="24" align="absmiddle">  Current User: <span class="fontcoloro b font16" id="account_name"> </span>
		         &nbsp;&nbsp;Membership: <span class="fontcoloro b font16"> Classic</span>
		     </div>
		</td></tr>
        <tr><td>
                <div class="userindexbox">
                    <table width="100%"  border="0" cellspacing="4" cellpadding="4" class="font14">
                        <tr>
                        <td>
                            Account Name: <span class="fontcoloro b font14" id="account_accountname"></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Account Number: <span class="fontcoloro b font14" id="account_accountnumber"></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Intelligent Points: <span class="fontcoloro b font14" id="account_points"></span>
                        </td>
                    </tr>
                    </table>
                </div>
            </td></tr>
         </table>        
        </div>
	</div>
	<div id="map_activity">
	<br>
	<br>
	<div style="text-align:left;">
      <img id="activity_clickLeft" src="./images/left1.gif" height="60" width="80" />
    </div>
	<table width="600" height="395" align="center">    
    <tr>
      <td><img src="images/questionmark.png" width="100" height="200"></td>
      <td background="images/blackboard.jpg" width="301" height="395" style="background-repeat: no-repeat;"><div id="activityList"></div></td>
     </tr>
  </table>
	</div>
</body>
</html>